<%-- 
    Document   : index
    Created on : 31/05/2012, 23:24:15
    Author     : user
--%>

<%@page import="dao.Dao"%>
<%@page import="entidades.Util"%>
<%@page import="entidades.Produto"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/style.css" type="text/css" />

        <!-- slider -->

        <link rel="stylesheet" type="text/css" href="css/styleSlider.css" />       
        <link rel="stylesheet" type="text/css" href="css/reset.css" />

        <script type="text/javascript" src="js/jquery.js" ></script>
        <script type="text/javascript" src="js/ui.js" ></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
            });
        </script>       

        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <!-- slider -->
        <title> Central Car </title>
    </head>
    <body>
        <div id="new"></div> 
        <div id="topo">
            
                <div>
                    <a href="index.jsp"> <img src="imagens/centralLogo.png" width="400" height="200"/> </a>
                    <a href="index.jsp"> <img src="imagens/centralCartao.png" width="300" height="150"/> </a>
                </div>
                <div>
                    <a href="index.jsp"> <img src="imagens/banner_central6-01.png" width="700" height="40"/> </a>
                </div>
                <div id="menu">
                    <ul>
                        <li onclick="location.href='contato.jsp';"> <b> Contato e localiza&ccedil;&atilde;o </b> </li>
                    </ul>
                </div>
                <hr width="100%" size="1" color=#fff />
                <br />
        </div>
    <center>
        <div id="superior">
            <img src="imagens/promocoes.png" width="200" height="120"/>
        </div>
    </center>
    <div id="conteudoCentralizado">
        <fieldset>
            <div id="featured">
                <ul class="ui-tabs-nav">
                    <%
                        // recebendo a lista que tem as profissoes que foi colocada na sessão.
                        List<Produto> produtos = Util.produtosRecentes();
                        // se nao eh a primeira vez que foi acessado a pagina, ja foi pro servlet e a lista nao eh nula
                        if (produtos != null) {
                            // se não tem a profissao, mostrar formulário de cadastro
                            if (!produtos.isEmpty()) { //se achou, lista, ou atualiza
                                if (produtos != null) {
                                    int cont = 0;

                                    for (Produto p : produtos) {
                                        cont++;


                    %>


                    <li class="ui-tabs-nav-item" id="nav-fragment-<%=cont%>"><a href="#fragment-<%=cont%>"><img width="80" height="50" src="<%="fotos/" + p.getFotos().get(0).toString()%>" alt="" /><p><%=p.getNome()%></p></a></li>
                            <%
                                }
                            %>
                </ul>
                <%
                    cont = 0;
                    String hide = "ui-tabs-hide";
                    for (Produto p : produtos) {
                        cont++;
                %>
                <!-- First Content -->
                <div id="fragment-<%=cont%>" class="ui-tabs-panel <%=((cont != 1) ? hide : "")%>" style="">
                    <a href="ProdutoServlet?op=Ver&id=<%=p.getId()%>">
                        <img width="400" height="250" src="fotos/<%=p.getFotos().get(0).toString()%>" alt="produto <%=p.getNome()%>"  />
                    </a>
                    <div class="info" >
                        <h2> 
                            <a href="#"> 
                                <%=p.getNome()%> - R&dollar; <%=p.getValor()%>
                            </a> 
                        </h2>
                        <p><a href="ProdutoServlet?op=Ver&id=<%=p.getId()%>"> <img src="imagens/round_plus.png" /> Ver detalhes</a></p>
                    </div>
                </div>
                <%
                                }
                            }
                        }
                    }
                %>
            </div>
        </fieldset>
    </div>
</body>
</html>
